<template>
  <div class="bottombar">
          <router-link to="/movie"> 
          <img src="public/img/movieicon.PNG" alt="">
          <br>
          电影/影院</router-link>
          <router-link to="/vdieo"> <img src="public/img/movieicon.PNG" alt="">
          <br>
          视频</router-link>
          <router-link  to="/smallvdieo"> <img src="public/img/movieicon.PNG" alt="">
          <br>
          小视频</router-link>
          <router-link  to="/show"> <img src="public/img/movieicon.PNG" alt="">
          <br>
          演出</router-link>
          <router-link  to="/mine"> <img src="public/img/movieicon.PNG" alt="">
          <br>
          我的</router-link>
          <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    div{
        width: 100%;
        height: 48px;
        display: flex;
        position: fixed;
        bottom: 0px;
        background-color: white;
    }
    .router-link-active{
        color: red;
    }
    .bottombar a{
        flex: 1;
        text-align: center;
        font-size: 10px;
        margin-top: 5px;
    }
</style>